.bott_you ul li a {
    text-decoration: none;
    color: #000;
}

.bott_you ul li:first-child a {
    color: #000;
}

.bott_you ul li:nth-child(2) a {
    color: #f59435;
}
.main_right {
    width: 35%;
    margin: 1rem;
}

.img1 {
    background: url("../img/c4.png") no-repeat;
    background-size: 100% 100%;
    height: 10%;
    color: #fff;
    text-align: center;
    line-height: 200px;
    font-size: 2rem;
}

.tags {
    width: 81%;
    background-color: #fff;
    margin: 1rem 0;
    padding: 1.5rem;
    font-size: 1.2rem;
}

.tags .xian {
    width: 100%;
}

.tags .xian .xian1 {
    background-color: #f59435;
    width: 50%;
    height: 0.3rem;
}

.tags .xian .xian2 {
    background-color: #ccc;
    width: 50%;
    height: 0.3rem;
}

.tags p {
    padding: 1rem;
}

.news {
    background-color: #fff;
    padding: 1.5rem;
    margin: 1rem 0;
}

.news .xian {
    width: 100%;
}

.news .xian .xian1 {
    background-color: #f59435;
    width: 90%;
    height: 0.3rem;
}

.news .xian .xian2 {
    background-color: #ccc;
    width: 10%;
    height: 0.3rem;
}

.new_img {
    padding: 1rem;
}

.new_img div {
    width: 26%;
}

.new_img div img {
    width: 100%;
}

.new_img p {
    width: 66%;
}

.archives {
    background-color: #fff;
    padding: 1.5rem;
}

.archives .xian {
    width: 100%;
}

.archives .xian .xian1 {
    background-color: #f59435;
    width: 40%;
    height: 0.3rem;
}

.archives .xian .xian2 {
    background-color: #ccc;
    width: 60%;
    height: 0.3rem;
}

.archives select {
    width: 100%;
    color: #ccc;
    font-size: 1.3rem;
    padding: 0.5rem;
    margin: 2rem 0;
    border: none;
    background-color: #e9e9e9;
}

.gallery {
    width: 81%;
    background-color: #fff;
    margin: 1rem 0;
    padding: 1.5rem;
}

.gallery .xian {
    width: 100%;
}

.gallery .xian .xian1 {
    background-color: #f59435;
    width: 40%;
    height: 0.3rem;
}

.gallery .xian .xian2 {
    background-color: #ccc;
    width: 60%;
    height: 0.3rem;
}

.gallery .jiu {
    margin: 1rem 0;
}

.jiugongge div {
    width: 34%;
}

.jiugongge div img {
    width: 100%;
}

.mate {
    width: 81%;
    background-color: #fff;
    padding: 1.5rem;
    margin: 1rem 0;
}

.mate .xian {
    width: 100%;
}

.mate .xian .xian1 {
    background-color: #f59435;
    width: 30%;
    height: 0.3rem;
}

.mate .xian .xian2 {
    background-color: #ccc;
    width: 70%;
    height: 0.3rem;
}

.mate p {
    border-bottom: 2px solid #ccc;
    padding: 1rem 0;
    color: #666;
    font-size: 1.2rem;
}
body{background-color: #f4f3ee;}
.four_4{width: 80%;margin: 0 auto;}
.intro1 img{width: 100%;}
.intt{width: 95%;margin: 0 auto;margin-top: 20px; border-radius: 10px;}
.intt:hover {
     transform: scale(1.07) !important;
     cursor: pointer;
     box-shadow: 5px 5px 10px 5px #ccc;
    }
.flex_S{display: flex;flex-flow: column;}
.flex_H{display: flex;justify-content: space-between;}
/* .lone{height: 450px;} */
.p_three1{width: 100%;border-radius: 10px;padding:20px 0 20px 0;background-color: #fff;padding: 20px;}
.img_s img{width: 50px;}
.img_ss{display: flex;justify-content: space-between;margin-bottom: 20px;margin-top: 10px;}
.p_s p{margin: 0;line-height: 20px;font-size: 0.7rem;}
select{width: 100%;}
.p_three1 li{border-bottom: 1px solid red;margin-bottom: 20px;line-height: 50px;list-style: none;}
.p_three1 ul{padding: 0;}
.three_photo{width: 100%;}
.three_photo img{width: 73.5px;display: inline-block;}
.intt{margin-top: 30px;width: 90%;margin-bottom: 30px;}
.p2{font-size: 0.8rem;margin-bottom: 10px;}
.p1{margin-bottom: 10px;font-weight: bold;font-size: 1.2rem;line-height: 30px;padding-bottom: 20px; border-bottom: #ccc 1px solid;}
.p13{margin-bottom: 10px;font-weight: bold;font-size: 1.2rem;line-height: 30px;padding-bottom: 20px;}
.p_three{background-color: #fff;padding: 20px;border-radius: 10px;}
.p3{padding-bottom: 40px;}
.p_th img{margin-top: 30px;}
.xian {
    width: 100%;
    margin: 20px 0 20px 0;
}

.xian .xian1 {
    background-color: #f59435;
    width: 50%;
    height: 0.3rem;
}

.xian .xian2 {
    background-color: #ccc;
    width: 50%;
    height: 0.3rem;
}
.John{color:#f59435}




@media screen and (max-width:1124px){
    .flex_H{display: block;width: 90%;}
    .flex_S{display: block;width: 90%;}
    .intro1{width: 100%;margin-top: 30px}
    .p_three1{width:90%;}
    .p_three1 img{width: 100%;}
    .img_ss{display: block;}
    .xin img {
        width:10%;
        height:100%;
        /* padding-top: 10px; */
        float: left;
    }
}
